<template>
  <div id="theme-wrapper">
      <nav-bar></nav-bar>
      <div id="page-wrapper" class="container">
          <div class="row">
              <side-bar :menus="sidebar"></side-bar>
              <div id="content-wrapper">
                  <router-view></router-view>
              </div>
          </div>
      </div>
  </div>
</template>

<script>

  import NavBar from 'components/navbar.vue'
  import SideBar from 'components/sidebar.vue'
  
  export default {

    components: {
      NavBar, SideBar
    },

    data() {
      return {
        sidebar: {
          menus: {
            dashboard: {
              title: '仪表盘',
              url: '/dashboard',
              icon: 'fa-dashboard',
              count: 13
            }, 

            table: {
              title: '表格',
              icon: 'fa-table',
              submenus: {
                simple: {
                  title: '普通',
                  url: '/form/simple'
                },
                advanced: {
                  title: '高级',
                  url: '/form/advanced'
                },
                users: {
                  title: '用户',
                  url: '/form/users'
                }
              }
            }
          }
        }
      }
    }

  }

</script>